<%--
  Created by IntelliJ IDEA.
  User: Root404
  Date: 2023/6/1
  Time: 9:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    注册账户<input type="text" name="name" id="name"><span style="color: red"></span>
    <br/>
    注册密码<input type="text" name="pwd" id="name1">
    <input type="button" value="注册">
    <ul>

    </ul>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
    // json:数据运输格式。不是数据格式,专门运前后端数据
    // String x="1";
    // String json=;
    // 序列化： list数据上车json 数据在任何地方存储的时候都是杂乱无章
    // 反序列化 ：json 下车list
    //1地址  2发送方式 3值  4回来的值类型 5回调函数
    //1地址+值 2方式 get/post(省略) 3回来html/json/xml 5
    //1地址+值 2 回到函数
    $("#name").blur(function () {
        var name=$(this).val();
        $.getJSON("${pageContext.request.contextPath}/ServletAjax?name="+name,
            function (data) {
                $("ul").html("");
               $.each(data,function () {
                   var li="<li>"+this.name+"----"+this.dept+"</li>";
                   $("ul").append(li);
               })
            });//放get 回html
    });
    <%--$("#name").blur(function () {--%>
    <%--    var name=$(this).val();--%>
    <%--    $.get("${pageContext.request.contextPath}/ServletAjax?name="+name,--%>
    <%--        function (data) {--%>
    <%--            if(data!="yes"){--%>
    <%--                $("span").html("*恭喜可以注册get")--%>
    <%--            }else{--%>
    <%--                $("span").html("*对不起该账号已被注册，请重新输入get")--%>
    <%--            }--%>
    <%--        });//放get 回html--%>
    <%--});--%>
    //$.ajax
    <%--$("#name").blur(function () {--%>
    <%--    var name=$(this).val();--%>
    <%--    $.ajax({--%>
    <%--        "url":"${pageContext.request.contextPath}/ServletAjax?name="+name,--%>
    <%--        "success":function (data) {--%>
    <%--            if(data!="yes"){--%>
    <%--                $("span").html("*恭喜可以注册123")--%>
    <%--            }else{--%>
    <%--                $("span").html("*对不起该账号已被注册，请重新输入123")--%>
    <%--            }--%>
    <%--        }--%>
    <%--    });--%>
    <%--});--%>
    <%--$("#name").blur(function () {--%>
    <%--    var name=$(this).val();--%>
    <%--    //alert(name);--%>
    <%--    //新建异步引擎--%>
    <%--   var xml= new XMLHttpRequest();--%>
    <%--   //准备去的地址和值--%>
    <%--    var url="${pageContext.request.contextPath}/ServletAjax?name="+name;--%>
    <%--    //发送异步请求--%>
    <%--    xml.open("get",url,true);--%>
    <%--    //发送值--%>
    <%--    xml.send(null);--%>
    <%--    //接受回调函数--%>
    <%--    xml.onreadystatechange=callBack;--%>
    <%--    //处理回调函数--%>
    <%--    function callBack() {--%>
    <%--        if(xml.readyState==4&&xml.status==200){--%>
    <%--            var data=xml.responseText;//回来的值接受--%>
    <%--            if(data!="yes"){--%>
    <%--                $("span").html("*恭喜可以注册")--%>
    <%--            }else{--%>
    <%--                $("span").html("*对不起该账号已被注册，请重新输入")--%>
    <%--            }--%>
    <%--        }--%>
    <%--    }--%>
    <%--});--%>

</script>
</body>
</html>
